// 1.判断token是否存在
// 2.如果存在，正常渲染
// 3.如果不存在，重定向到登录路由

// 高阶组件: 把一个组件当成另外一个组件的参数传入
// 然后通过一定的判断 返回新的组件
import {getToken } from "@/utils"
import {Navigate} from "react-router-dom"

function AuthComponent({children}) {
  const isToken = getToken()
  if(isToken) {
    return <>{children}</>
  }else {
    return <Navigate to="/login" replace></Navigate>
  }
}

export {
  AuthComponent
}

// <AuthComponent> <Lauout /> </AuthComponent>
// 登录: <><Lauout /></>
// 非登录: <Navigate to="/login" replace />